const Sidebar = props => {
    const sidebarItems = [
        {
            id:1,name:"人员信息查询"
        },
        {
            id:2,name:"人员信息统计"
        },
        {
            id:3,name:"单位信息查询"
        },
        {
            id:4,name:"单位信息统计"
        },
        {
            id:5,name:"白模信息查询"
        },
        {
            id:6,name:"白模信息统计"
        },
        {
            id:7,name:"有址无模标记"
        },
        {
            id:8,name:"日报统计"
        },
        {
            id:9,name:"督办名单"
        }
    ]
    /*这里应该有个点击函数 之后应该是点击之后跳转到某某位置*/
    const handleItemClick = (id) => {
        console.log(id);
    };

    return (
        <div className="sidebar">
            {sidebarItems.map(item => (
                <div
                    key={item.id}
                    className="sidebar-item"
                    onClick={() => handleItemClick(item.id)}
                >
                    <div className="sidebar-icon">{item.icon}</div>
                    <div className="sidebar-name">{item.name}</div>
                </div>
            ))}
        </div>
    )


};
export default Sidebar;
